<% include('./includes/meta<!-- @echo envFile -->.html', {
  page: 'alone',
  styles: ['base.css', 'about.css']
}) %>

</head>
<body class="page-about">
<div class="g-container">
  <div class="g-main">
    <div class="g-line g-line-v"></div>
    <div class="g-line g-line-h"></div>
    <% include('./includes/alone_nav<!-- @echo envFile -->.html', {
      active: 'about'
    }) %>
    <div class="g-title">
      <h3>关于我们</h3>
      <p>about us</p>
    </div>
    <div class="g-mao">
      <img src="/@@/images/about/mao1.png" alt="">
      <img src="/@@/images/about/mao2.png" alt="">
      <img src="/@@/images/about/mao3.png" alt="">
    </div>
    <div class="g-slogan">
      <img src="/@@/images/case/text.png" alt="">
    </div>
    <div class="brand-tit">
      <h1>品牌历程</h1>
      <p>Brand history</p>
    </div>
    <ul class="brand-step">
      <li>
        <span class="year">1998</span>
        <span class="text">嘉木工厂成立</span>
      </li>
      <li>
        <span class="year">2008</span>
        <span class="text">收购分厂<br>海口申鑫广场门店开业</span>
      </li>
      <li>
        <span class="year">2012</span>
        <span class="text">海口国度建材城总店开业<br>三亚店试运营</span>
      </li>
      <li>
        <span class="year">2016</span>
        <span class="text">上海店开业<br>海口居然之家店开业</span>
      </li>
    </ul>
    <% var materials = [
          {img: 'icon_1', text: '原木'},
          {img: 'icon_2', text: '榫卯'},
          {img: 'icon_3', text: '设计'},
          {img: 'icon_4', text: '定制'}
        ] %>
    <div class="g-items">
      <ul class="g-items-box">
        {{each materials}}
        <li class="item">
          <div class="icon"><img src="/@@/images/about/{{$value.img}}.png" alt=""></div>
          <div class="text"><span>{{$value.text}}</span></div>
        </li>
        {{/each}}
        <li class="item"></li>
      </ul>
    </div>
    <div class="introduce">
      <img src="/@@/images/about/about@1x.png" alt="">
    </div>
  </div>
  <div class="g-right">
  </div>
</div>

{{include "./includes/foot.html" }}
{{include "./includes/bodyEnd.html" }}